/* theme */
/* @import './dark.css'; */

body {
    --blur-head: 7px;
    --blur-article: 7px;
    --blur-bg: 0px;
}

/* 功能样式 */
.sm-hide {
    display: none !important;
}
/* 分页样式 */
.el-pagination.is-background .el-pager li:not(.disabled).active {
    color: #FFF;
    background-color: var(--sm-smilesl-bgcolor) !important;
}
/* 控制图标 */
.ctl-icon {
    cursor: pointer;
    user-select: none;
}

/* 头部 */
.navgitionBar {
    color: var(--sm-main-color);
    background-color: rgba(0, 0, 0, 0.3);
}

/* 分页按钮 */
.el-pagination.is-background .btn-next, .el-pagination.is-background .btn-prev, .el-pagination.is-background .el-pager li {
    margin: 0 5px;
    background-color: var(--sm-dark-color);
    color: var(--sm-main-color);
    min-width: 30px;
    border-radius: 2px;
}

/* 链接基础样式 */
a {
    text-decoration: none;
    color: var(--sm-primary-color);
}
a:hover {
    color: var(--sm-main-color);
}

/* 按钮基础样式 */
.btn-base {
    cursor: pointer;
    width: 50px;
    border: none;
    outline: none;
    border-radius: 5px;
    color: var(--sm-primary-color);
    background: #494949;
    transition: .3s;
}
.btn-base:hover {
    color: var(--sm-main-color);
    background: var(--sm-frost-color);
    box-shadow: 2px 1px 20px var(--sm-frost-color);
}

/* markdown图片样式 */
.markdown-body img {
    animation: imgAnime 1s;

}
/* 图片载入动画 */
@keyframes imgAnime {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0px);
    }
    
}


/* 更改滑块 */
.el-slider__button {
    background: #413535 !important;
    border-radius: 5px !important;
    border: none !important;
    box-shadow: 1px 1px 1px var(--sm-frost-color);
}


/* 更改下拉导航栏 */
.el-menu-item{
    background: rgba(22, 22, 22, 0.8) !important;
    backdrop-filter: blur(5px);
}
.el-menu-item:hover {
    color: var(--sm-frost-color) !important;
    background: #000 !important;
}
.is-active {
    border: none !important;
}
.el-menu {
    background: transparent !important;
}
.el-menu--horizontal {
    border: none !important;
}
.el-submenu__title {
    display: flex;
    align-items: center;
}
.el-submenu__title:hover {
    background-color: transparent !important;
}


